<template>
  <div class="shendengzhimingxi">
    <div class="wrap">
      <div class="tou">
        <router-link to="/person">
          <img @click="fan" class="img1" src="../../assets/个人中心/1个人中心/jiantou.png"/>
        </router-link>
        <p>神灯明细值</p>
      </div>
      <ul>
        <li>
          <p>邀请一位好友注册（18712340809）</p>
          <span>2017-08-10</span>
          <nav>+10</nav>
        </li>
        <li>
          <p>邀请一位好友注册（18712340809）</p>
          <span>2017-08-10</span>
          <nav>+10</nav>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>

</script>

<style scoped="scoped">
  .wrap{
    width: 100%;
  }
  .tou{
    width: 100%;
    height: 2.666rem;
    background: #e53e42;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
  }
  .tou .img1{
    position: absolute;
    top: 1rem;
    width: 0.638rem;
    height: 1.055rem;
    left: 0.555rem;
  }
  .tou p{
    position: absolute;
    top: 1rem;
    height: 0.972rem;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: 0;
    color: #ffffff;
  }
  ul{
    width: 100%;
    height: 5.555rem;
  }
  ul li{
    width: 100%;
    height: 2.777rem;
    border-bottom: 0.027rem solid #CCCCCC;
    background: white;
    position: relative;
  }
  li p{
    position: absolute;
    top:0.694rem;
    left: 0.555rem;
    height: 0.666rem;
    font-size: 0.666rem;
    letter-spacing: 0;
    color: #4d4d4d;
  }
  li span{
    position: absolute;
    left: 0.555rem;
    bottom: 0.555rem;
    height: 0.416rem;
    font-size: 0.555rem;
    line-height: 1rem;
    letter-spacing: 0;
    color: #808080;
  }
  li nav{
    position: absolute;
    top: 0.972rem;
    right: 0.555rem;
    height: 0.777rem;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: 0;
    color: #e53e42;
  }
</style>
